<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    table{
        border: solid 1px;
        border-spacing: 0px;

    }
    th{
        border: solid 1px;
        border-spacing: 0px;
    }
    td{
        
        border: solid 1px;
        border-spacing: 0px;

    }
</style>
<body>
    <table id="tb">
        <input type="text" name="keyword" id="" placeholder="查找博客标题、摘要、内容、分类、作者">
        <input type="button" name="" id="" value="查找" onclick="query()">
        <input type="button" name="" id="" value="新增" onclick="add()">
        <tr>
            <td>id</td>
            <td>标题</td>
            <td>摘要</td>
            <td>内容</td>
            <td>分类</td>
            <td>作者</td>
            <td>发表时间</td>
            <td>操作</td>
        </tr>
        
    </table>
</body>
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/api.js"></script>
<script src="./js/init.js"></script>
</html>